<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		<link rel="stylesheet" type="text/css" href="../css/zufang.css" />
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<!--<link rel="stylesheet" type="text/css" href="../css/租房 页面.css"/>-->
		<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.css">
		<link rel="shortcut icon" href="#" />
		<!--<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
		<title>Document</title>
	</head>

	<body>
		<div class="header">
			<div class="wrapper">
				<div class="fl">
					<a href="" class="logo"></a>
					<a href="../html/城市.html" class="exchange">
						<i></i> 西安
					</a>
				</div>
				<div class="fr">
					<div class="nav">
						<ul class="fl cf">
							<li class="clickdata sub">
								<a href="javascript:;">二手房</a>
								<div class="subnav">
									<div>
										<p>房源</p>
										<p>小区</p>
										<p>地图找房</p>
										<p>找经纪人</p>
										<p>我要卖房</p>
									</div>
								</div>
							</li>
							<li class="clickdata sub">
								<a href="javascript:;">新房</a>
								<div class="subnav">
									<div>
										<p>房源</p>
										<p>小区</p>
										<p>地图找房</p>
										<p>找经纪人</p>
										<p>我要卖房</p>
									</div>
								</div>
							</li>
							<li class="clickdata sub">
								<a href="javascript:;">租房</a>
								<div class="subnav">
									<div>
										<p>房源</p>
										<p>小区</p>
										<p>地图找房</p>
										<p>找经纪人</p>
										<p>我要卖房</p>
									</div>
								</div>
							</li>
							<li class="clickdata sub">
								<a href="javascript:;">装修</a>
								<div class="subnav">
									<div>
										<p>房源</p>
										<p>小区</p>
										<p>地图找房</p>
										<p>找经纪人</p>
										<p>我要卖房</p>
									</div>
								</div>
							</li>
							<li class="clickdata sub">
								<a href="javascript:;">商业办公</a>
								<div class="subnav">
									<div>
										<p>房源</p>
										<p>小区</p>
										<p>地图找房</p>
										<p>找经纪人</p>
										<p>我要卖房</p>
									</div>
								</div>
							</li>
							<li class="clickdata">
								<a href="javascript:;">小区</a>
							</li>
							<li class="clickdata">
								<a href="javascript:;">贝壳研究所</a>
							</li>
							<li class="clickdata">
								<a href="javascript:;">投资者关系</a>
							</li>
							<li class="clickdata">
								<a href="javascript:;">关于贝壳</a>
							</li>
							<li class="clickdata download">
								<a href="javascript:;">下载APP</a>
								<div class="nav-list">
									<dd>
										<div class="down-APP-QRcode">
											<div class="icon">
											</div>
											<div>
												<div class="title">贝壳找房</div>
												<div class="subTitle">让家更美好</div>
												<img src="	https://ajax.api.ke.com/qr/getDownloadQr?location=site_app_daoliu&ljweb_channel_key=site_index" class="QRcode-img">
											</div>
										</div>
									</dd>
								</div>
							</li>
						</ul>
						<div class="ti-hover">
							<div class="fr">
								<i></i>
								<span class="welcome">
                                <div class="btn-login" data-toggle="modal" data-target="#login">
                                    <span class="log">登录</span>
							</div>
							<span>&nbsp;/&nbsp;</span>
							<div class="btn-register" data-toggle="modal" data-target="#register">
								<span class="reg">注册</span>
							</div>
							</span>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="swiper mySwiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="https://s1.ljcdn.com/feroot/pc/asset/img/home/bannerV2.jpg" /></div>
				<div class="swiper-slide"><img src="https://s1.ljcdn.com/pegasus/redskull/images/home/images/home/bg_header@1x.jpg?v=ffcf75b4" /></div>
				<div class="swiper-slide"><img src="https://pages.anjukestatic.com/fe/esf/img/aa78dce1/sy_nav_img_peitu_maifang@2x.png" /></div>

			</div>
			<div class="swiper-pagination"></div>
		</div>

		<div class="title_font">
			<p class="beikequ">要找真房源 还是贝壳全</p>
			<p class="titlebig">开始寻找属于你的家</p>
		</div>
		<div class="erjinva">
			<div class="house_box">
				<p>找二手房</p>
				<p>找新房</p>
				<p>找租房</p>
				<p>找小区</p>
				<p>找商铺办公室</p>
			</div>
			<i class="jiantou"></i>
		</div>
		<div class="ssinput">
			<input type="text" name="" id="srin" placeholder="请输入区域、商圈或小区名开始找房" value="" />
			<a href="../html/ditu.html">
				<p class="ditu"><span class="dttb">地图</span></p>
			</a>
			

			<a href="sources.html">
				<input type="button" id="ssbtn" value="搜索" />
			</a>

		</div>
		<div class="gonggao">
			<div class="header-bottom">
				<div class="house-num">
					<i></i>
					<div id="xwlb">
						<div class="xinwen"></div>
					</div>
				</div>
			</div>
		</div>

		</div>

		<!-- Modal -->
		<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    	<span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">用户登录</h4>
						<div class="qzc" style="position: relative;">
							没有账号？
							<a class="change_login_type link-btn _color" data-type="0">去注册</a>
						</div>

					</div>
					<form>
						<div class="form-group">
							<div class="form_input_item first">
								<input type="tel" class="phone" id="tel" placeholder="请输入用户名">
							</div>
							<div class="form_input_item">
								<input type="password" class="password" id="mm" placeholder="请输入密码">

							</div>
						</div>
						<div class="checkbox">
							<label>
                            <input type="checkbox"> 七天内免登录
                            <a class="forget" href="javascript:;">忘记密码?</a>
                        </label>
						</div>
						<div class="login_error"></div>
						<input type="button" class="login_panel_op load" value="登录">
					</form>
					<div class="login_panel_change_login_type">
						<p style="color:#AAA;margin-top: 34px;font-size: 12px;line-height: 14px;">
							登录即代表同意
							<a class="link-btn _color" href="https://www.ke.com/zhuanti/protocol" target="_blank">《贝壳隐私政策》</a>及
							<a class="link-btn _color" href="https://www.ke.com/zhuanti/serviceProtocol" target="_blank">
								《贝壳用户服务协议》
							</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">用户注册</h4>
						<div class="login_panel_hint">
							<div style="position: relative;">
								已有账号？
								<a class="change_login_type link-btn _color" data-type="0">去登录</a>
							</div>
						</div>
					</div>
					<form>
						<div class="form-group">
							<div class="form_input_item first">
								<input type="tel" id="phone" placeholder="请输入用户名">
							</div>
							<div class="form_input_item">
								<input type="password" class="password" id="password" placeholder="请输入密码">

							</div>
							<div class="form_input_item">
								<input type="password" class="password" id="again" placeholder="请再次输入密码">

							</div>
						</div>
						<div class="checkbox">
							<label>
                            <input type="checkbox"> 我已阅读并同意 <a class="link-btn _color"
                                href="https://www.ke.com/zhuanti/protocol" target="_blank">《贝壳隐私政策》</a>及<a
                                class="link-btn _color" href="https://www.ke.com/zhuanti/serviceProtocol"
                                target="_blank">《贝壳用户服务协议》</a>
                        </label>
						</div>
						<div class="login_error"></div>
						<input type="button" class="login_panel_op zhuce" value="注册">
					</form>
				</div>
			</div>
		</div>
		<div class="conter">
			
		</div>
		
		
		<div class="among">
			<div class="wrapper-one">
				<div class="fl">
					<div class="name">二手好房</div>
					<p>好房源那么多，我们为你精选
						<a href="../html/sources.html">更多上海二手房</a>
					</p>
				</div>
				<ul>

				</ul>
			</div>
		</div>

	</body>
	<script src="../js/jquery-3.6.0.js"></script>
	<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
	<script src="../js/beike.js"></script>
	<script>
		var mySwiper = new Swiper('.swiper', {
			pagination: {
				el: ".swiper-pagination",
			},
			autoplay: true, //等同于以下设置
			autoplay: {
				delay: 3000,
				stopOnLastSlide: false,
				disableOnInteraction: false,
			},

		});
		
		
		$('#ssbtn').click(function(){
//			var id_1 = $('.bg_search_ip').val();
//			localStorage.setItem('id_1', id_1);
//			console.log($('.bg_search_ip').val())
			document.location.href = "../html/sources.html";
		})
		
		
		
		var data = {
			url: 'http://120.48.109.174:8081/houses',
			value: "AREA%7C88cff55c-aaa4-e2e0"
		}
		Lcat(data)
		
		
		
//		function Lcat(data) { //渲染函数
//			$.ajax({
//				type: 'get',
//				// url: 'http://120.48.109.174:8081/houses?cityId=AREA%7C88cff55c-aaa4-e2e0',
//				url: data.url + '?cityId=' + data.value,
//				async: 'true',
//				success: function(res) {
//					$('.center').html('')
//					$('.citys').hide()
//
//					let imgs = [];
//					let list = res.body.list;
//					let str = '';
//					console.log(list);
//					$.each(list, function(index, item) {
//						let str = 'http://120.48.109.174:8081' + item.houseImg
//						$('.center').append(`<div class="mokuai">
//						<img src="${str}" alt="" class="mokuai_img">
//						<h3 class="mokuai_title">${item.title}</h3>
//						<p class="mokuai_price">价格：${item.price}</p>
//						<p>房间描述：${item.desc}</p>
//						<p>位置：${item.tags[0]}</p>
//					</div>`)
//
//					})
//				}
//			})
//		}
		
//		function nac(){
//			$('.ershou_t').mouseenter(function(){
//				$('.ershou').show()
//			})
//			$('.ershou_t').mouseleave(function(){
//				$('.ershou').hide()
//			})
//			$('.ershou').mouseleave(function(){
//				$('.ershou').hide()
//			})
//			
//			$('.nehouse_t').mouseleave(function(){
//				$('.nehouse').hide()
//			})
//			$('.nehouse_t').mouseenter(function(){
//				$('.nehouse').show()
//			})
//			$('.nehouse').mouseleave(function(){
//				$('.nehouse').hide()
//			})
//			
//			$('.zufang_t').mouseenter(function(){
//				$('.zufang').show()
//			})
//			$('.zufang_t').mouseleave(function(){
//				$('.zufang').hide()
//			})
//			$('.zufang').mouseleave(function(){
//				$('.zufang').hide()
//			})
//			
//			$('.zhuangxiu_t').mouseenter(function(){
//				$('.zhuangxiu').show()
//			})
//			$('.zhuangxiu_t').mouseleave(function(){
//				$('.zhuangxiu').hide()
//			})
//			$('.zhuangxiu').mouseleave(function(){
//				$('.zhuangxiu').hide()
//			})
//			
//			$('.ciezilou_t').mouseenter(function(){
//				$('.ciezilou').show()
//			})
//			$('.ciezilou_t').mouseleave(function(){
//				$('.ciezilou').hide()
//			})
//			$('.ciezilou').mouseleave(function(){
//				$('.ciezilou').hide()
//			})
//			
//			$('.fangchan_t').mouseenter(function(){
//				$('.fangchan').show()
//			})
//			$('.fangchan_t').mouseleave(function(){
//				$('.fangchan').hide()
//			})
//			$('.fangchan').mouseleave(function(){
//				$('.fangchan').hide()
//			})
		
		
		
		
		
		
//		$.ajax({
//			type:"get",
//			url:`http://120.48.109.174:8081/area/info?name=AREA|dbf46d32-7e76-1196`,
//			async:true,
//			success: function(res) {
//				console.log(res.body.value)
//				$.ajax({
//					type:"get",
//					url:`http://120.48.109.174:8081/houses?cityId=${res.body.value},
//					async:true,
//					success: function(res) {
////						console.log(res)
//						$.each(res.body.list, function(i,item) {
////							console.log(item)
//							var str = `
//								<li>
//  								<a href="javascript:;">
//  									<div class="wra">
//  										<img src="http://120.48.109.174:8081${item.houseImg}">
//  										<div class="bottom">
//  											<div class="name">
//                          						<p>${item.tags}</p>
//                          						<p>${item.title}</p>
//                      						</div>
//                      						<div class="info">${item.desc}</div>
//  										</div>
//  									</div>
//  								</a>
//  							</li>
//							`;
//							$('.wrapper ul').append(str);
//							$('.wrapper ul li').eq(i).attr('data-code',item.houseCode)
//						});
//					}
//				});
//			}
//		});
//		$('.wrapper-one ul').on('click','li',function(){
//			console.log($(this).attr('data-code'))
//			localStorage.setItem('code',$(this).attr('data-code'));
//			window.location.href = '../html/xiang.html'
//		})
		
		
		
		
		
		
//		$.ajax({
//  type: "get",
//  url: `http://120.48.109.174:8081/area/info?name=${city}`,
//  async: true,
//  success: function (res) {
//      var cityValue = res.body.value
//      getHouse(cityValue)
//      // 区域栏
//      $.ajax({
//          type: "get",
//          url: `http://120.48.109.174:8081/area?id=${cityValue}`,
//          async: true,
//          success: function (res) {
//              $.each(res.body, function (i, item) {
//                  $('.area').append($(`
//                  <li>
//                      <a href="javascript:;">${item.label}</a>
//                  </li>
//                  `).addClass('filter__item--level2 clickdata').attr('data-value', item.value))
//              })
//          }
//      })
//
//      // 区域
//      $('.area').on('click', 'li', function () {
//          $('.area li').removeClass('strong')
//          $(this).addClass('strong')
//
//      })
//
//
//
//      // 租金
//      $('.check').click(function () {
//          if ($(this).hasClass('checked')) {
//              $(this).removeClass('checked')
//          } else {
//              $(this).addClass('checked')
//          }
//      })
//
//
//
//      // 清空条件
//      $('#clearUrl').click(function () {
//          $('.area li').removeClass('strong')
//          $('.area li').eq(0).addClass('strong')
//          $('.check').removeClass('checked')
//      })
//
//
//      // 排序方式
//      $('.content__filter li').click(function () {
//          $('.content__filter li').removeClass('content__filter--selected')
//          $(this).addClass('content__filter--selected')
//      })
//  }
//})
//		
//		// 渲染
//function getHouse(cityValue,areaValue,price){
//  $.ajax({
//      type: "get",
//      url: `http://120.48.109.174:8081/houses?cityId=${cityValue}`,
//      async: true,
//      success: function (res) {
//          $('.content__title--hl').html(res.body.count)
//          $.each(res.body.list,function(i,item){
//          $('.content__list').append($('<div></div>').addClass('content__list--item')
//          .append($('<a></a>').addClass('content__list--item--aside').attr('data-code',item.houseCode)
//          .append($(`<img alt='${item.title}' src='http://120.48.109.174:8081${item.houseImg}'>`)))
//          .append($('<div></div>').addClass('content__list--item--main')
//          .append($('<p></p>').addClass('content__list--item--title').html(`<a>${item.title}</a>`))
//          .append($('<p></p>').addClass('content__list--item--des').html(`<a>${item.desc}</a>`))
//          .append($('<p></p>').addClass('content__list--item--bottom oneline'))
//          .append($('<span></span>').addClass('content__list--item-price').html(`<em>${item.price}</em>元/月`))))
//          $.each(item.tags,function(index,item){
//              $('.content__list--item--bottom').eq(i).append($(`<i>${item}</i>`))
//          })
//          })
//      }
//  })
//}

		
	</script>

</html>